<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<script src="assets/flexible/flexible.debug.js"></script>
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="assets/font/iconfont.css">
</head>

<body>

	<!-- 头部导航 -->
	<header class="header">
		<div class="left"></div>
		<div class="center"><img src="https://m.zuipin.cn/wap/images/logo.png"></div>
		<div class="iconfont right seek">&#xe602;</div>
	</header>
	<!-- banner -->
	<div class="swiper-container container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><img src="images/1.jpg"></div>
			<div class="swiper-slide"><img src="images/2.jpg"></div>
			<div class="swiper-slide"><img src="images/3.jpg"></div>
			<div class="swiper-slide"><img src="images/4.jpg"></div>
			<div class="swiper-slide"><img src="images/5.jpg"></div>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
	</div>
	<!-- xx快报 -->
	<div class="title">
		<img src="https://m.zuipin.cn/wap/images/index-services.png">
	</div>
	<!-- 热卖商品 -->
	<div class="column">
		<dl class="item self">
			<dt><img src="https://m.zuipin.cn/wap/images/v8/ic_ziyinzishou.png"></dt>
			<dd>自饮助手
				<dd>
		</dl>
		<dl class="item give">
			<dt><img src="https://m.zuipin.cn/wap/images/v8/ic_slzs.png"></dt>
			<dd>送礼助手
				<dd>
		</dl>
		<dl class="item brand">
			<dt><img src="https://m.zuipin.cn/wap/images/v8/ic_ppg.png"></dt>
			<dd>品牌馆
				<dd>
		</dl>
		<dl class="item famous">
			<dt><img src="https://m.zuipin.cn/wap/images/v8/ic_mjg.png"></dt>
			<dd>名医馆
				<dd>
		</dl>
	</div>
	<!-- 新品上市 -->
	<div class="new-arrival">
		<h3>新品首发</h3>
		<div class="column">
			<div class="left"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
			<div class="center">
				<div>茶界新品</div>
				<div class="centers"><img src="https://m.zuipin.cn/wap/images/v8/center_lazy.png"></div>
				<div>新鲜直达</div>
			</div>
			<div class="right"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
		</div>
	</div>

	<div class="main">
		<dl class="purple">
			<dt><img src="images/6.jpg"></dt>
			<dd>
				<p class="name">紫砂壶 工艺美术大师金奖杨水定之作 扁平壶 135ml 手工壶</p>
				<p class="new">金奖工艺师之作  好看又好用</p>
				<p class="money">￥430.00</p>
			</dd>
		</dl>
		<dl class="purple">
			<dt><img src="images/7.jpg"></dt>
			<dd>
				<p class="name">紫砂壶 工艺美术大师金奖杨水定之作 扁平壶 120ml 手工壶</p>
				<p class="new">透气性好 泡茶更香</p>
				<p class="money">￥516.00</p>
			</dd>
		</dl>
		<dl class="purple">
			<dt><img src="images/8.jpg"></dt>
			<dd>
				<p class="name">紫砂壶 工艺美术大师金奖杨水定之作 石趣 135ml 手工壶</p>
				<p class="new">厦门景致特制 收藏品</p>
				<p class="money">￥588.00</p>
			</dd>
		</dl>
		<dl class="purple">
			<dt><img src="images/9.jpg"></dt>
			<dd>
				<p class="name">紫砂壶 工艺美术大师金奖杨水定之作 鹭岛晚霞 160ml 手工壶</p>
				<p class="new">城市景致限定特制 收藏品</p>
				<p class="money">￥698.00</p>
			</dd>
		</dl>
		<dl class="purple">
			<dt><img src="images/10.jpg"></dt>
			<dd>
				<p class="name">紫砂壶 山水人家 160ml 手工壶</p>
				<p class="new">全手工制作 行家收藏款</p>
				<p class="money">￥980.00</p>
			</dd>
		</dl>
	</div>

	<div class="Review">
		<h3>热评产品</h3>
		<div class="column">
			<div class="left"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
			<div class="center">
				<div>口碑精选</div>
				<div class="centers"><img src="https://m.zuipin.cn/wap/images/v8/hot_xin.png"></div>
				<div>你的好茶</div>
			</div>
			<div class="right"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
		</div>
	</div>

	<div class="swiper-container container1">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<div class="img">
					<img src="images/11.jpg">
				</div>
				<p class="p">茶叶很棒！手提袋超漂亮的说，而且也很结实，喜庆大气简朴，送礼真是备有面子，我是买来送给我的指导老师的，实习快结束了，送给他一些茶叶，总体来说非常棒！而且快递服务态度也很好！</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/鬼.png">来自用心微笑的...</p>
				<p class="p2">武夷岩茶...<span></span></p>
			</div>
			<div class="swiper-slide">
				<div class="img">
					<img src="images/12.jpg">
				</div>
				<p class="p">茶叶拆开来的时候就闻到一股清淡的茶香味，我就觉得这茶叶一定不错。泡了一杯喝着感觉口感挺浓郁的，这个价位能买到这样的龙井，还是赚到了。日常一天泡个几杯喝没有问题。 下次喝完了再来回购。</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/痴.png">来自淡然无双的...</p>
				<p class="p2">龙井250g<span>￥188.00</span></p>
			</div>
			<div class="swiper-slide">
				<div class="img">
					<img src="images/13.jpg">
				</div>
				<p class="p">包裝特別好，看著很上檔次，這個價位能把包裝做得如此精致，說明很用心。很滿意的一次網購滇红。茶葉很不錯，包裝很精美，剛泡了一泡，茶香口感都很不錯，物有超值。</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/痴.png">来自宋嘉榮的评价</p>
				<p class="p2">云南曾红...<span>￥158.00</span></p>
			</div>
			<div class="swiper-slide">
				<div class="img">
					<img src="images/14.jpg">
				</div>
				<p class="p">不错，帮朋友买的，很满意，客服发货很及时，包装很好，已经来买好几次了，老客户了哦，喝完再来味道真不错，昨天剩的一点存货也让朋友拿走了，得抓紧再买点了。</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/鬼.png">来自暮燮的评价</p>
				<p class="p2">武夷岩茶...<span>￥199.00</span></p>
			</div>
			<div class="swiper-slide">
				<div class="img">
					<img src="images/15.jpg">
				</div>
				<p class="p">产品收到泡了一泡先品尝了，份量足，泡出来的茶也是香味浓醇，汤色明净，回味悠长，喝了的家人喜欢，包装仔细严实，很满意的一次购物体验，性价比高，大力推荐！</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/痴.png">来自城院小米的...</p>
				<p class="p2">安溪铁观...<span>￥140.00</span></p>
			</div>
			<div class="swiper-slide">
				<div class="img">
					<img src="images/16.jpg">
				</div>
				<p class="p">包装非常的结实，量很足，茶叶叶片非常的饱满整齐，茶香扑鼻，口感醇厚，非常的好喝，既便宜又实惠，物有所值，值得推荐</p>
				<p class="p1"><img src="https://m.zuipin.cn/wap/images/痴.png">来自猫渣子的评价</p>
				<p class="p2">金骏眉100g<span>￥115.00</span></p>
			</div>
		</div>
	</div>

	<div class="category">
		<h3>TOP8茶叶类目</h3>
		<div class="column">
			<div class="left"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
			<div class="center">
				<div>品八大名茶</div>
				<div class="centers"><img src="https://m.zuipin.cn/wap/images/v8/center_lazy.png"></div>
				<div>享闲雅之意</div>
			</div>
			<div class="right"><img src="https://m.zuipin.cn/wap/images/v8/right_lazy.png"></div>
		</div>
	</div>
	<div class="classify commodities">
		<div class="left">
			<img src="https://m.zuipin.cn/wap/images/v8/%E5%AE%89%E6%BA%AA%E9%93%81%E8%A7%82%E9%9F%B3.jpg">
		</div>
		<div class="right">
			<img src="https://m.zuipin.cn/wap/images/v8/%E5%A4%A7%E7%BA%A2%E8%A2%8D.jpg">
		</div>
	</div>
	<div class="classification commodities">
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E6%AD%A3%E5%B1%B1%E5%B0%8F%E7%A7%8D.jpg"></div>
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E9%87%91%E9%AA%8F%E7%9C%89.jpg"></div>
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E7%A6%8F%E9%BC%8E%E7%99%BD%E8%8C%B6.jpg"></div>
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E6%99%AE%E6%B4%B1.jpg"></div>
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E5%B9%BF%E4%B8%9C%E5%8D%95%E6%9E%9E.jpg"></div>
		<div><img src="https://m.zuipin.cn/wap/images/v8/%E9%BE%99%E4%BA%95.jpg"></div>
	</div>

	<div class="news">
		<div class="left">
			<span>醉品</span>
			<span>新闻</span>
		</div>
		<div class="swiper-container container2">
			<div class="swiper-wrapper">
				<div class="swiper-slide slide">8月17日，国内首创茶业新零售M2O模式醉品茶集全国招商会在厦门召开，来自全国各地的意向加盟商奔赴现场参加大会。到场的来宾参观了醉品集团总部及醉品茶集M2O厦门直营体验馆。会议上，醉品集团CEO叶翱、</div>
				<div class="swiper-slide slide">继上个月首轮醉品中国茶品牌集成柜招商大会引爆全国14城之后，5月26日，茶帮通品牌集成柜巡回招商会暨中国品质产区茶+大师茶全国合伙人订货会再度发酵，太原、长沙、西安、南宁、菏泽五站再次取得圆满成功！茶</div>
				<div class="swiper-slide slide">2017年7月5日，58企服与醉品集团正式签订企业客户服务战略合作协议，强强联合全面开展企业服务新时代。此番合作，不仅是醉品集团与58企服基于双方大数据平台、用户体系、互联网经验及领域专业性的相互支持</div>
			</div>
		</div>
	</div>
	<!-- 当前用户、回顶部 -->
	<footer class="footer">
		<dl class="list on">
			<dt class="iconfont">&#xe67f;</dt>
			<dd>首页</dd>
		</dl>
		<dl class="list" id="classify">
			<dt class="iconfont">&#xe612;</dt>
			<dd>分类</dd>
		</dl>
		<dl class="list cart">
			<dt class="iconfont">&#xe501;</dt>
			<dd>购物车</dd>
		</dl>
		<dl class="list cart">
			<dt class="iconfont">&#xe60b;</dt>
			<dd>我的</dd>
		</dl>
	</footer>
	<!-- 底部导航 -->

	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="js/index.js"></script>
	<script src="assets/swiper/js/swiper.min.js"></script>
	<script>
		var swiper = new Swiper('.container', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			loop: true,
			speed: 1000,
			autoplay: 1000
		});

		var swiper = new Swiper('.container1', {
			slidesPerView: 2.5,
			paginationClickable: true,
			spaceBetween: 10,
		});

		var swiper = new Swiper('.container2', {
			paginationClickable: true,
			direction: 'vertical',
			loop: true,
			speed: 1000,
			slidesPerView: 'auto',
			autoplay: 1000
		});

		$('.list').click(function () {
            $(this).addClass('on').siblings().removeClass('on');
		});

		$('#classify').click(function(){
			location.href = "html/classify.html"
		})
		$('.cart').click(function () {
            location.href = "html/cart.html"
        })
		$('.seek').click(function () {
            location.href = "html/seek.html"
        })
		$('.self').click(function () {
            location.href = "html/self.html"
        })
		$('.give').click(function () {
            location.href = "html/give.html"
        })
		$('.brand').click(function () {
            location.href = "html/brand.html"
        })
		$(".famous").click(function () {
			location.href = "../html/famous.html"
		})
		$(".purple").click(function () {
			location.href = "../html/purple.html"
		})
		$(".container1").click(function () {
			location.href = "../html/purple.html"
		})
		$(".commodities").click(function () {
			location.href = "../html/commodities.html"
		})
		$(".slide").click(function () {
			location.href = "../html/news.html"
		})
	</script>
</body>

</html>